<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>个人主页</title>
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/xl_person_index.js"></script>
<link href="css/xl_person_index_basic.css" rel="stylesheet"/>

<link rel="icon" href="images/haipumi.ico"/> 
<link href="css/global.css" rel="stylesheet" type="text/css">
<link href="css/lk_cool_effects.css" rel="stylesheet" type="text/css" />
<script src="js/lk_cool_effects.js"></script>

</head>

<body>

    <!--头部内容开始 -->
    <iframe id="lk_head_adjust_div" class="yhj_head" src="head.jsp"></iframe>
    <!--头部内容结束-->
	
    <div class="yhj_quickregister_0"></div><!--只是用来占位的-->
    
    
        <!--聊天小块-->
    <div id="lk_cool_effects_chatDiv_zindex">
        <div id="lk_cool_effects_chatDiv">
            <div class="lk_cool_effects_chatDiv_left"></div>
            <div class="lk_cool_effects_chatDiv_right">
                <div class="lk_cool_effects_chatDiv_right_top">x</div>
                <div class="lk_cool_effects_chatDiv_right_down">></div>
            </div>
        </div>
        <div id="lk_cool_effects_chatDiv_list">
            <div id="lk_cool_effects_chatDiv_contents">
            	<div class="lk_cool_effects_chatDiv_contents_left">
                	<div class="lk_cool_effects_chatDiv_contents_left_find">
                    	<input type="text" placeholder="查找联系人"/>
                    </div>
                    <div class="lk_cool_effects_chatDiv_contents_left_friendList">
                    	<ul>
                        	<li style="background:#EEE"><img src="images/u=1199138010,649592102&fm=21&gp=0.jpg"/><span>嗨扑米客服</span></li>
                            <li><img src="images/lk_cool_effects_img1.gif"/><span>好友在线</span><a>X</a></li>
                            <li><img class="lk_cool_effects_chatDiv_contents_left_friendList_offline" src="images/lk_cool_effects_img1.gif"/><span>好友离线</span><a>X</a></li>
                            <li><img class="lk_cool_effects_chatDiv_contents_left_friendList_offline" src="images/dog.jpg"/><span>好友2</span><a>X</a></li>
                        </ul>
                    </div>
                </div>
                <div class="lk_cool_effects_chatDiv_contents_right">
                	<div class="lk_cool_effects_chatDiv_contents_right_title"><span>嗨扑米客服</span></div>
                    <div class="lk_cool_effects_chatDiv_contents_right_message">
                    	<div class="lk_cool_effects_chatDiv_contents_right_message_none">
                        	<img src="images/lk_plaint.gif"/>
                            <p>还没收到消息哦</p>
                        </div>
                        <div class="lk_cool_effects_chatDiv_contents_right_message_chat">
                        	
                        </div>
                    </div>
                </div>
            </div>
            <div class="lk_cool_effects_chatDiv_list_left">
                <div class="lk_cool_effects_chatDiv_list_left_input"><input type="text" autofocus min=1 placeholder="按回车发送信息"/></div>
            </div>
            <div class="lk_cool_effects_chatDiv_list_right"><</div>
        </div>
    </div>
    <!--聊天小块结束-->
    
    <!--内容开始-->
	<div class="xl_person_index_container">
    	<div class="xl_person_index_header">
        	<div class="xl_person_index_header_top">
            	<a href="#">           	
                    <div class="xl_person_index_photo">
                        
                    </div>
                    <div class="xl_person_index_photo_border">
                     </div>
                 </a>
                <div class="xl_person_index_username">
                    <h1 class="xl_person_index_h1_username" id="xl_person_index_h1_username">用户1184255835</h1>
                </div>
                <div class="xl_person_index_intro">
                    <a href="#" class="xl_person_index_a_intro" id="xl_person_index_a_intro">一句话介绍一下自己吧，让别人更了解你</a>
                </div>
             </div>
             <div class="xl_person_index_header_bottom">
             	<ul id="xl_person_index_header_ul">
                	<li id="xl_person_index_first_li"><a href="javascript:xl_show(0)"><span>个人信息</span></a></li>
                    <li><a href="javascript:xl_show(1)"><span>等级</span></a></li>
                    <li><a href="javascript:xl_show(2)"><span>积分</span></a></li>
                    <li><a href="javascript:xl_show(3)"><span>反馈</span></a></li>
                    <li><a href="javascript:xl_show(4)"><span>数据分析</span></a></li>
                </ul>	
             </div>
        </div>
        <div class="xl_person_index_content" style="display:none;">
        	<div class="xl_person_index_content_main">
            	<div class="xl_person_index_div_info">
                	<form class="xl_person_index_info_title" action="" method="post">
                    	<fieldset>
                        	<legend class="xl_tit_info">基本信息</legend>
                            <div class="xl_person_index_info_div_btn">
                            	<a class="xl_person_index_info_a_btn" href="#">
                                	<span>保存</span>
                                </a>
                            </div>
                        </fieldset>
                        <div class="xl_person_index_info_baseinfoall">
                        <div class="xl_person_index_info_baseinfo">
                            <div class="xl_person_index_info_login">登录名</div>
                            <div class="xl_person_index_info_loginname">
                                18******43
                                <a target="_blank" href="#">修改密码</a>
                            </div>
                        </div>
                        
                        <div class="xl_person_index_info_baseinfo">
                            <div class="xl_person_index_info_login"><font style="color:red;">*</font>昵&nbsp;称</div>
                            <div class="xl_person_index_info_loginname">
                                <input class="xl_person_index_info_input_loginname" type="text" name="xl_person_index_info_input_loginname" placeholder="请输入昵称" />
                            </div>
                        </div>
                        
                        <div class="xl_person_index_info_baseinfo">
                            <div class="xl_person_index_info_name">真实姓名</div>
                            <div class="xl_person_index_info_truename">
                                <input class="xl_person_index_info_input_truename" type="text" name="xl_person_index_info_input_truename" placeholder="请输入真实姓名" />
                            </div>
                        </div>
                        
                        <div class="xl_person_index_info_baseinfo">
                            <div class="xl_person_index_info_place"><font style="color:red;">*</font>所在地</div>
                            <div class="xl_person_index_info_placename">
                                <select id="xl_person_index_info_city" name="xl_person_index_info_city">
									<option>北京</option>
                                </select>
                       
                                <select id="xl_person_index_info_area" name="xl_person_index_info_area">
                                	<option>东城区</option>
                                </select>
                            </div>
                        </div>
                        
                        <div class="xl_person_index_info_baseinfo">
                            <div class="xl_person_index_info_sex">性别</div>
                            <div class="xl_person_index_info_sexinput">
                             	<label for="xl_person_index_man_radio" class="xl_person_index_man_label">
                                	<input type="radio" class="xl_person_index_man_radio" checked="checked" value="m" name="xl_person_index_gender">男
                                </label>
                                <label for="xl_person_index_woman_radio">
                                	<input type="radio" class="xl_person_index_man_radio"  value="f" name="xl_person_index_gender">女
                                </label>
                            </div>
                        </div>
                        
                        <div class="xl_person_index_info_baseinfo">
                            <div class="xl_person_index_info_emotion">感情状况</div>
                            <div class="xl_person_index_info_emotiondiv">
								<select id="xl_person_index_info_emotionselect" name="xl_person_index_info_emotionselect">
                                	<option>单身</option>
                                    <option>求交往</option>
                                    <option>订婚</option>
                                    <option>已婚</option>
                                    <option>离异</option>
                                    <option>恋爱中</option>
                                </select>
                            </div>
                        </div>
                         
                        <div class="xl_person_index_info_baseinfo">
                            <div class="xl_person_index_info_birthday">生日</div>
                            <div class="xl_person_index_info_birthselect">
                                <select id="xl_person_index_info_year" name="xl_person_index_info_year">
									<option>----</option>
                                </select>
                       
                                <select id="xl_person_index_info_month" name="xl_person_index_info_month">
                                	<option>--</option>
                                </select>
                                
                                <select id="xl_person_index_info_day" name="xl_person_index_info_day">
                                	<option>--</option>
                                </select>
                            </div>
                        </div>
                        
                         <div class="xl_person_index_info_baseinfo">
                            <div class="xl_person_index_info_intro">简介</div>
                            <div class="xl_person_index_info_personintro">
                             	<textarea class="xl_person_index_info_intro_textarea" rows="2" name="xl_person_index_info_intro_textarea" placeholder="请输入个人简介"></textarea>
                            </div>
                		</div>
                        
                    </div><!--xl_person_index_info_baseinfoall-->
                
                </form>
                </div><!--xl_person_index_div_info-->
                
                    
                    
                
                <div class="xl_person_index_div_info">
                	<form class="xl_person_index_info_title" action="" method="post">
                    	<fieldset>
                        	<legend class="xl_tit_info">联系信息</legend>
                            <div class="xl_person_index_info_div_btn">
                            	<a class="xl_person_index_info_a_btn" href="#">
                                	<span>保存</span>
                                </a>
                            </div>
                        </fieldset>
                         <div class="xl_person_index_info_baseinfo">
                            <div class="xl_person_index_info_contact">邮箱</div>
                            <div class="xl_person_index_info_contact_div">
                                  <input class="xl_person_index_info_contact_input" type="text" name="xl_person_index_info_contact_input" placeholder="请输入邮箱地址" />
                           </div>
                    </div>
                    
                    <div class="xl_person_index_info_baseinfo">
                            <div class="xl_person_index_info_contact">QQ</div>
                            <div class="xl_person_index_info_contact_div">
                                  <input class="xl_person_index_info_contact_input" type="text" name="xl_person_index_info_contact_input" placeholder="请输入QQ号" />
                           </div>
                    </div>
                    
                    <div class="xl_person_index_info_baseinfo">
                            <div class="xl_person_index_info_contact">Telphone</div>
                            <div class="xl_person_index_info_contact_div">
                                  <input class="xl_person_index_info_contact_input" type="text" name="xl_person_index_info_contact_input" placeholder="请输入手机号" />
                           </div>
                    </div></form>
                </div>
       
                    
                   

                <div class="xl_person_index_div_info" id="xl_person_index_div_info">
                	<form class="xl_person_index_info_title" action="" method="post">
                    	<fieldset>
                        	<legend class="xl_tit_info">标签信息</legend>
                            <div class="xl_person_index_info_div_btn">
                            	<a class="xl_person_index_info_a_btn" href="#">
                                	<span>保存</span>
                                </a>
                                
                               
                            </div>
                        </fieldset>
                        <div class="xl_person_index_taginfo">
                        <div class="xl_person_index_info_tag">标签</div>
                        <div class="xl_person_index_info_tag_div">
                            <div class="xl_person_index_info_tag_selected">
                           		<input class="xl_person_index_inputtag" type="text" value=""/>
                                <p class="xl_person_index_tishi" style="display:none;">限7个字</p>
                            </div>
                            
                            <div class="xl_person_index_info_tips_error" style="display:none;">
                            	最多可添加10个标签
                                <span class="xl_person_index_closespan">X</span>
                            </div>
                           
                            <div class="xl_person_index_info_tag_unselected">你可能感兴趣的标签：</div>
                        </div>
                        <div class="xl_person_index_info_tag_more"><a href="javascript:xl_tagChange()">换一换</a></div>
                    </div>
                    </form>
                </div>
               
               
                
            </div>
        </div>
        
        
        <div class="xl_person_index_content" style="display:block;">
        	<div class="xl_person_index_rank">
            	<div class="xl_person_index_nowrank">
                	<div class="xl_person_index_h3">当前等级：<em>Lv.</em><span>1</span></div>
                    <div class="xl_person_index_ranknum">
                    	<ul>
                        	<li>0</li>
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                            <li>6</li>
                            <li>7</li>
                            <li>8</li>
                            <li>9</li>
                            <li>10</li>
                        </ul>    
                    </div>
                    <div class="xl_person_index_rankpic"><div class="xl_person_index_rankpic_rate"></div></div>
                    <div class="xl_person_index_rankpic_line_div">
                        <div class="xl_person_index_rankpic_line"></div>
                        <div class="xl_person_index_rankpic_line"></div>
                        <div class="xl_person_index_rankpic_line"></div>
                        <div class="xl_person_index_rankpic_line"></div>
                        <div class="xl_person_index_rankpic_line"></div>
                        <div class="xl_person_index_rankpic_line"></div>
                        <div class="xl_person_index_rankpic_line"></div>
                        <div class="xl_person_index_rankpic_line"></div>
                        <div class="xl_person_index_rankpic_line"></div>
                        <div class="xl_person_index_rankpic_line"></div>
                        <div class="xl_person_index_rankpic_line"></div>
                    </div>    
                </div>
                <div class="xl_person_index_nowright">
                	<div class="xl_person_index_right">当前等级特权：</div>
                    <div class="xl_person_index_rightlist">
                    	<ul>
                        	<li>没有任何特权，加油升级哦！</li>
                        </ul>
                    </div>
                    <div class="xl_person_index_moreright"><a href="#">了解等级特权></a></div>
                </div>
                <div class="xl_person_index_nextrank">
                	<dl>
                    	<dt>距离下一个等级:<span>Lv.2</span> </dt>
                        <dd>积分:<div class="lk_person_index_needscore"><div class="lk_person_index_needscore_rate"></div></div>还需要<span>50<span>积分</dd>
                    </dl>
                </div>
            </div>
        </div>
        <div class="xl_person_index_content" style="display:none;">3</div>
        <div class="xl_person_index_content" style="display:none;">4</div>
        <div class="xl_person_index_content" style="display:none;">5</div>
    </div>
    <!--内容结束-->
    
    <!--foot内容开始 -->
    <iframe class="yhj_foot" src="foot.html"></iframe>
    <!--foot内容结束-->
        
    <!--  Totop按钮-->
    <div class="yhj_totop">
        <img src="images/yhj_right39.png" width="40" height="40"/>
    </div>
    <!--按钮结束-->
    
</body>
</html>
